<template>
	<view class="login_shell">
		<u--input
		    placeholder="请输入账号"
		    border="surround"
		    v-model="value"
		    @change="change"
			class="input_shell"
		  ></u--input>
		  <view style="height: 8vw;">
		  	
		  </view>
		  <u--input
		      placeholder="请输入密码"
		      border="surround"
		      v-model="value"
		      @change="change"
			  class="input_shell"
		    ></u--input>
			<view style="height: 9vw;">
				
			</view>
			<u-button text="登录" class="input_shell" @click="toindex()"></u-button>
	</view>
</template>
<!-- ■发送验证码倒计时组件(页面) -->
<script>
	export default {
		data() {
			return {
				 value: ''
			};
		},
		methods:{
	     change(e) {
	             console.log('change', e);
	           },
		toindex(){
			uni.redirectTo({
				 url:'../index/index'
			}) //
		}
	   }
	}
</script>

<style lang="scss" scoped>
.login_shell{
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	overflow: hidden;
	background-image: url('../../static/images/login.png');
	background-size: cover;
}
.input_shell{
	width: 91vw;
	max-height: 16vw !important;
	background-color: #FFFFFF;
}
</style>
